<template>
    <div>
        <h1 style="font-size:40px;font-family: 方正舒体">新建会员</h1>
        <div>
            手机号:<el-input
                placeholder="请输入手机号"
                v-model="csjh.phone"
                    clearable
                   >
            </el-input>
            <!--<el-input v-model="sjh" placeholder="请输入手机号"></el-input>-->


            <br/>
            <el-button type="info" plain @click="qr()">确认</el-button>
        </div>
        <h2 style="font-family: 华文彩云">请告知客户密码会将以短信的方式发送至手机!</h2>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                input:'',
                csjh:{
                    phone:'',
                }
            }

        },
        beforeRouteEnter (to, from, next) {
            // 在渲染该组件的对应路由被 confirm 前调用
            // 不！能！获取组件实例 `this`
            // 因为当钩子执行前，组件实例还没被创建
            // alert("home被显示");
            next(vm=>{
                //在此处vm表示vue组件对象
                vm.loadData();

            });
        },
        methods:{
            qr:function () {

                this.axios.post('/insertByMem', this.csjh)
                    .then((response) => {
                    if(response.data>0){
                        alert("成功")
                    }
                    })
                    .catch((error) => {
                       alert(error)
                    })
            }

        }

    }
</script>

<style scoped>
    .el-input{
        width: 180px;
    }
</style>
